/**
* Copyright 2009 Waag Society <http://www.waag.org>
* This file is part of Annotrax.
*
* Annotrax is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License,
* or (at your option) any later version.
*
* Annotrax is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Annotrax.
* If not, see http://www.gnu.org/licenses/gpl.html
*/

div.segmented_progress_bar
{
	width:600px;
	height:15px;
	background-color:#333;
	border:1px solid #eee;
	overflow:hidden;
	margin:9px 0px 0px 0px; /* offset from container top */
}
div.pb_segment 
{
	cursor:pointer;
	height:100%;
	float:left;
	top:0px;
	width:0%; /* set by playlist player */
	/*position:relative; /* make it possible to display cue points relative to the pos of this segment */
}
div.not_first  
{
	border-left:1px solid #9ED4C7;
	/*border-left-style:inset;*/
}	
div.pb_segment_progress 
{
	position:absolute;
	background-image:url(img/bar.png);
	height:15px;
	background-repeat:repeat-x;
	/*float:left;*/
	width:0%; /* set by playlist player */
}
div.pb_progress_highlight 
{
	position:absolute;
	
	height:15px;
	background-image:url(img/bar_red.png);
	background-repeat:repeat-x;
	opacity:0.7;
	left:0px; /* set by js*/
	width:0px; /* set by js*/
}
div.pb_progress_highlight.busy 
{
	background-image:url(img/bar_orange.png);
	left:0px; /* set by js*/
	width:0px; /* set by js*/
}
div.pb_play_head
{
	position:absolute;
	width:85px;
	height:51px;
	margin-left:-30px;
	top:-45px;
	z-index:1;
	color:white;
	font-size:1.2em;
	line-height:2;
	background-repeat:no-repeat;
	background-image:url(img/time_balloon.png);
}


/* invisible div to anchor the image to */
/*
div.pb_cue_pointer
{
	width:1px;
	height:1px;
	background-color:red;
	position:relative; 
}
div.pb_cue_image
{
	position:relative; 
	background-image:url(img/icons/down_arrow_small.png);
	left:-15px;
	width:30px;
	height:30px;
	top:-30px;
}
div.recording .pb_cue_image
{
	background-image:url(img/icons/down_arrow_small_red.png);
}
*/